<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我在B站玩編程</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
    <style>
        .col{
            padding: 10px;
            background: #AAA;
            border: 1px solid #0f6674;
        }
    </style>
</head>

<body>
    <!-- 顶部导航栏开始 -->
    <nav>
        <div class="container">
            <div class="row">
                <div class="col">
                    导航
                </div>
            </div>
        </div>
    </nav>
    <!-- 顶部导航栏结束 -->

    <!-- 头部开始 -->
    <header class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">LOGO</div>
                <div class="col">SLOGEN</div>
                <div class="col">TOOL BTN</div>
            </div>
        </div>
    </header>
    <!-- 头部结束 -->

    <!-- 轮播图开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    轮播图
                </div>
            </div>
        </div>
    </section>
    <!-- 轮播图结束 -->

    <!-- 你的收获开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">你的收获</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 你的收获结束 -->

    <!-- 关注我们开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">关注我们</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 关注我们结束 -->

    <!-- 培育模式开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">培育模式</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 培育模式结束 -->

    <!-- 面授培训开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">面授培训</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 面授培训结束 -->

    <!-- 实现目标开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">实现目标</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 实现目标结束 -->

    <!-- 你的总监开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">你的总监</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 你的总监结束 -->

    <!-- 对标培训开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">对标培训</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  对标培训结束 -->

    <!-- 工作环境开始 -->
    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        <h4 class="d-inline-block">工作环境</h4>
                        <small class="text-muted p1-5">掌握的是一门就业的技术，为成长积蓄力量</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 工作环境结束 -->

    <!-- 页脚开始 -->
    <footer class="mt-4"></footer>
    <!-- 页脚结束 -->

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>
</body>

</html>